<template>
  <view class="page">
    <view class="top">
        <view class="top-1">
            兑换比例为1元人民币兑换10个旺币，以此类推，目前您输入的
            金额可兑换180旺币。
        </view>
    </view>
    <view class="box">
      <view class="box-item flex">
        <view class="item-1">分润余额</view>
        <input type="text" disabled value="100" />
      </view>
      <view class="box-item flex">
        <view class="item-1">*转移金额</view>
        <input type="number" value="100" />
      </view>
      <view class="bottom flex">
        <view class="bottom-btn" @click="handleSub">确认</view>
      </view>
    </view>
  </view>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods: {
    handleSuccess() {
      uni.navigateBack({ delta: 1 });
    },
    handleSub() {
      uni.showToast({
        title: "转移金额不能大于分润余额",
        icon: "none",
        mask: true,
      });
    },
  },
};
</script>
<style lang="scss" scoped>
.bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  justify-content: flex-end;
  height: 104rpx;
  background: #ffffff;
  .bottom-btn {
    width: 176rpx;
    height: 68rpx;
    border-radius: 132rpx;
    background: #ffbb50;
    line-height: 68rpx;
    text-align: center;
    color: #ffffff;
    font-size: 25rpx;
    margin-right: 26rpx;
  }
}
.top {
  padding: 16rpx 0;
  width: 100%;
  background: #ffffff;
  font-size: 25rpx;
  .top-1{
    width: 92%;
    margin: 0 auto;
  }
}
.box {
  margin-top: 20rpx;
  background: #ffffff;
  .box-item {
    padding: 26rpx 0;
    border: 1rpx solid #d7d7d7;
    font-size: 26rpx;
    .item-1{
        margin-left: 26rpx;
    }
    input {
      flex: 1;
      border: none;
      margin-left: 20rpx;
    }
  }
}
</style>